page-lock
{
    z-index: 99999999;

    background-color: color($colors, primary);
    .tips
    {
        font-size: 20px;

        margin-top: 80px;

        text-align: center;

        color: #fff;
    }
    #lock-gesture-content
    {
        position: absolute;
        bottom: 50px;
    }
    #lock-canvas
    {
        display: inline-block;

        margin-top: 15px;

        background-color: color($colors, primary);
    }
    .resetBtn
    {
        font-size: 16px;

        position: absolute;
        right: 15px;
        bottom: 10px;
    }
    .loginBtn
    {
        font-size: 16px;

        position: absolute;
        left: 15px;
        bottom: 10px;
    }
    .lock-close-button
    {
        font-size: 40px;

        position: absolute;
        top: 20px;
        right: 0;

        padding: 0 20px;

        color: #fff;
    }
}
